<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Map</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
            type="text/javascript">
	</script>
    <script type="text/javascript">
	// It will show a marker in a clickd point and open an info window with corresponding image and text 
            var map;
			var a;
			var b;
			var i=0;
			var marker;
			function animate() { 
  document.getElementById("slideshow").src = "traffic" + next + ".jpg"; 
  next += 1; 
  if (next > maxslide) {next = 1;} 
} 

			function initialize() 
			{
				if (GBrowserIsCompatible()) 
				{
					map = new GMap2(document.getElementById("map_canvas"));
					map.setCenter(new GLatLng(43.652527, -79.381961), 15);
					var slide = 1; 
var maxslide = 2; 
var timer; 
var next=1; 
 marker = new GMarker(new GLatLng(43.652527, -79.381961));
GEvent.addListener(marker,"click",function() { 
  marker.openInfoWindowHtml('<img src="traffic0.jpg" height="300" width="200" id="slideshow" >'); 
  timer = setInterval("animate()", 50); 
} );
map.addOverlay(marker);

GEvent.addListener(map, "infowindowbeforeclose", function() { 
  if (timer) { 
    clearInterval(timer); 
    timer = 0; 
  } 
}); 


				map.setMapType(G_SATELLITE_MAP);
				map.setUIToDefault();
			}
		}


    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
		<div id="map_canvas" style="width: 1200px; height: 900px"></div>
  </body>
</html>